Consulta de Guías Docentes



Academic Year/course: 2022/23

278 - Degree in Fine Arts

25143 - Website Design


Syllabus Information

Academic Year:
2022/23
Subject:
25143 - Website Design
Faculty / School:
301 - Facultad de Ciencias Sociales y Humanas
Degree:
278 - Degree in Fine Arts
ECTS:
6.0
Year:
4 and 3
Semester:
First Four-month period
Subject Type:
Optional
Module:
---

1. General information

1.1. Aims of the course

The main objective of this course is for the student to be able to apply in a virtual space (internet) and indeterminate, concepts acquired in art or design. Building web pages requires knowing the specific problems of web design versus traditional design.

 

These approaches and objectives are aligned with the following Sustainable Development Goals (SDGs) of the United Nations 2030 Agenda (https://www.un.org/sustainabledevelopment/es/), in such a way that the acquisition of the results of subject learning provides training and competence to contribute to some extent to its achievement

 

Objective 4: Quality education.

Objective 5: Gender equality.

Goal 8: Decent work and economic growth.

Objective 9: Industry, innovation and infrastructures.

Goal 16: Peace, justice and strong institutions.

Objectives 17: Alliances to achieve the objectives.

1.2. Context and importance of this course in the degree

It is not necessary to have knowledge of html, but it is recommended to have basic knowledge of both Photoshop and Flash.

1.3. Recommendations to take this course

The proliferation of new videographic and artistic aesthetics in recent decades has been preceded by continuous advances in the generation of advanced image treatment tools, with the Internet being an essential means of communication in which to project. For the contemporary visual artist, it is essential to be able to manipulate these tools and dominate a medium with great projection for the future.

2. Learning goals

2.1. Competences

The student, to pass this course, must demonstrate the following results...

Is able to effectively apply or execute fundamental design principles in web page development using industry-specific software.

It is able to evaluate the advantages and disadvantages offered by the most common methods in the development of web designs.

It is capable of planning, structuring and developing designs in an attractive way, adapting them to the specific scope of the web environment.

2.2. Learning goals

The student, for passing this subject, should demonstrate the following results ...

  1. The student is able to implement or enforce principles design using website software.
  2. The student is able to evaluate the advantages and disadvantages offered by the most common methods in the development of web designs.
  3. The student is able to plan, organize and build attractive designs. Adapting them to the specific area of the web environment.

2.3. Importance of learning goals

The ability to project designs for publication on the web is essential for the modern artist, either for professional guidance or for self-promotional reasons. Communication through interconnected communication networks (Internet) is a growing reality; being necessary to control the fundamental aspects of this matter to be able to function effectively in future works.

The weight that the visual aspect has acquired on the web makes the designer or graphic artist an indisputable piece when it comes to developing projects in this field. At the same time, it is a means of communication and unlimited experimentation in which the artist can investigate and develop new projects.

3. Assessment (1st and 2nd call)

3.1. Assessment tasks (description of tasks, marking system and assessment criteria)

The student will be able to opt for the maximum qualification both in the continuous evaluation modality and in the final global test.

 

CONTINUOUS EVALUATION MODE

This evaluation is applicable to all students who have completed at least 65% of the face-to-face activities and have delivered within the established deadlines. The accumulation of exercises after the deadline may be considered as a waiver of continuous evaluation.

The activities will be weighted according to the following percentages.

1.- Study of web designs, analysis and investigation of the execution mode. Its defense is valued (10% of the final grade).

2.- Basic exercises of short duration carried out entirely in class for the assimilation of specific concepts of the subject, understanding of the software and special considerations of web design compared to traditional graphic design (90% of the final grade). The exercises will gradually increase in difficulty, acquiring a higher percentage value in the final exercises, which will be a compendium of all the knowledge acquired in the development of the subject.

 

EVALUATION MODE IN FINAL TEST (GLOBAL)

This evaluation is applicable to:

a) Students who have not chosen the continuous assessment modality.

b) Students who have not passed the continuous evaluation.

c) Students who wish to improve the grade obtained in continuous evaluation, prevailing, in any case, the best of the grades obtained.

 

The overall test will consist of:

Theoretical-practical exam in the classroom (100% of the final grade). It will be developed entirely in the classroom and coincides with points 1 and 2 in the continuous assessment modality.

 

Evaluation criteria

Criteria applied in the assessment of learning activities.

Although the evaluation criteria are those mentioned below, the percentage weight in each learning activity may vary depending on the specific needs of the exercise.

1. Achievement of the learning objectives of the subject and the specific ones of each exercise.

2. Personal contribution, conceptual maturity, originality and creativity in solving the exercises. Critical ability.

3. Coherence in the processes and phases of development of the works, knowledge of the materials, technical mastery and formal aspects of the presentation.

4. Degree of complexity in solving the exercises. Analisis and synthesis capacity.

5. Volume of work, level of improvement and personal effort.

6. Implication with the subject, active participation in the practical and expository classes, contribution in the debates and group dynamics.

 

Demand levels

The learning results will be evaluated according to the following levels of demand

• Know the points in COMMON and DIFFERENCES between web design and printed graphic design.

• Know the SPECIFIC PROBLEMS of web design and the feasibility of executing them.

• Design web environments GLOBALLY and not as an accumulation of independent elements.

• Know and properly use BASIC CONCEPTS and terminology of web design, which enable interdisciplinary communication.

 

Creativity, originality and conceptual maturity as well as the knowledge and use of advanced techniques are the criteria that allow the grade to be substantially improved.

4. Methodology, learning tasks, syllabus and resources

4.1. Methodological overview

The methodology followed in this course is oriented towards achievement of the learning objectives. A wide range of teaching and learning tasks are implemented, such as:

  • Lectures. Theoretical presentations by teacher.
  • Problem-based learning. The teacher solves representative problems for the students to analyse and solve similar exercises by themselves. 
  • Assignments. Application of concepts and methods previously explained. 
  • Tutorials.
  • Assessment tasks.

Students are expected to participate actively in the class throughout the semester.

4.2. Learning tasks

The course (60h teaching hours + 90h autonomous work) includes the following learning tasks:

  • Assimilation of the concepts (liquid design, texts, links, backgrounds, menus, headers, footers) using software.
  • Analysis and research activity of websites.
  • Web-development activities.
  • Final project applying the knowledge and skills acquired in the course.

4.3. Syllabus

The course will address the following topics:

  1. Basic concepts to develop
  2. Introduction to HTML. Upload files to remote server.
  3. CSS introduction. Text formatting.
  4. Hyperlinks and images. Image optimization. Moving images.
  5. HTML tables and Photoshop sectors.
  6. Technical considerations in web design.
  7. Basic structure (headers, footers, etc.).
  8. Button design.
  9. Background design.
  10. Menu Creation
  11. Projects. Idea, structure, methodology, forecast of problems.
  12. Projects. Design, corrections and modifications.
  13. Projects. Testing, final adjustments, improvements.

4.4. Course planning and calendar

Calendar of face-to-face sessions and presentation of works

Total hours for the student: 150h [60 contact hours + 90 non-contact hours].

The initial works will be developed in the classroom after the corresponding explanation and in case of not being able to attend or not being able to complete it, a maximum of 14 days will be available for its delivery.

The non-contact hours will be used for information search, web analysis, personal practices and development of personal work.

The final works will suppose a greater creative freedom for the student and will consist of the application of the knowledge acquired during the course of the subject.

 

4.5. Bibliography and recommended resources

http://psfunizar10.unizar.es/br13/egAsignaturas.php?codigo=25143


Curso Académico: 2022/23

278 - Graduado en Bellas Artes

25143 - Diseño web


Información del Plan Docente

Año académico:
2022/23
Asignatura:
25143 - Diseño web
Centro académico:
301 - Facultad de Ciencias Sociales y Humanas
Titulación:
278 - Graduado en Bellas Artes
Créditos:
6.0
Curso:
4 y 3
Periodo de impartición:
Primer cuatrimestre
Clase de asignatura:
Optativa
Materia:
---

1. Información Básica

1.1. Objetivos de la asignatura

La asignatura y sus resultados previstos responden a los siguientes planteamientos y objetivos:

El principal objetivo de esta asignatura es que el alumno sea capaz de aplicar en un espacio virtual (internet) e indeterminado, conceptos adquiridos en temas de arte o diseño. Construir páginas web requiere conocer los problemas específicos del diseño web frente al diseño tradicional.

 

Estos planteamientos y objetivos están alineados con los siguientes Objetivos de Desarrollo Sostenible (ODS) de la Agenda 2030 de Naciones Unidas (https://www.un.org/sustainabledevelopment/es/), de tal manera que la adquisición de los resultados de aprendizaje de la asignatura proporciona capacitación y competencia para contribuir en cierta medida a su logro

 

Objetivo 4: Educación de calidad.

Objetivo 5: Igualdad de género.

Objetivo 8: Trabajo decente y crecimiento económico.

Objetivo 9: Industria, innovación e infraestructuras.

Objetivo 16: Paz, justicia e instituciones sólidas.

Objetivos 17: Alianzas para lograr los objetivos.

 

1.2. Contexto y sentido de la asignatura en la titulación

No es necesario tener conocimientos de html, pero sí es recomendable tener conocimientos básicos tanto de Photoshop como de Flash.

1.3. Recomendaciones para cursar la asignatura

La proliferación de nuevas estéticas videográficas y artísticas durante las últimas décadas ha ido precedida de continuos avances en la generación de herramientas de tratamiento avanzado de la imagen, siendo Internet un medio de comunicación indispensable en el que proyectar. Para el artista visual contemporáneo es imprescindible ser capaz de manipular estas herramientas y dominar un medio con gran proyección de futuro.

2. Competencias y resultados de aprendizaje

2.1. Competencias

COMPETENCIAS BÁSICAS Y GENERALES

  • CG15 - Capacidad para un compromiso ético y el fomento de la igualdad entre sexos, la protección del medio ambiente, los principios de accesibilidad universal y los valores democráticos.

 COMPETENCIAS ESPECÍFICAS

  • CE06 - Conocimiento del vocabulario, códigos, y de los conceptos inherentes al ámbito artístico. Conocer el lenguaje del arte.
  • CE07 - Conocimiento del vocabulario y de los conceptos inherentes a cada técnica artística particular. Conocer el lenguaje creativo específico.
  • CE09 - Conocimiento de métodos de producción y técnicas artísticas. Analizar los procesos de creación artística.
  • CE12 - Conocimiento de los materiales y de sus procesos derivados de creación y/o producción. Conocer los materiales, procedimientos y técnicas que se asocian a cada lenguaje artístico
  • CE14 - Conocimiento de los instrumentos y métodos de experimentación en arte. Aprendizaje de las metodologías creativas asociadas a cada lenguaje artístico
  • CE23 - Capacidad de aplicar profesionalmente tecnologías específicas. Utilizar las herramientas apropiadas para los lenguajes artísticos propios
  • CE32 - Habilidades para la creación artística y capacidad de construir obras de arte. Adquirir las destrezas propias de la práctica artística.
 

2.2. Resultados de aprendizaje

El estudiante, para superar esta asignatura, deberá demostrar los siguientes resultados...

  • Es capaz de aplicar o ejecutar de forma efectiva principios fundamentales de diseño en el desarrollo de páginas web usando programas específicos del sector.
  • Es capaz de evaluar las ventajas y desventajas ofrecidas por los métodos más habituales en el desarrollo de diseños web.
  • Es capaz de planificar, estructurar y desarrollar diseños de forma atractíva adaptándolos al ámbito específico del entorno web.

2.3. Importancia de los resultados de aprendizaje

La capacidad de proyectar diseños orientados a su publicación en la web, resulta indispensable para el artista moderno ya sea por orientación profesional o por una cuestión autopromocional. La comunicación a través de las redes de comunicación interconectadas (internet), es una realidad en aumento; siendo necesario controlar los aspectos  fundamentales de esta materia para poder desenvolverse eficazmente en trabajos futuros.

El peso que ha adquirido el aspecto visual en la web, convierte al diseñador o artista gráfico en una pieza indiscutible a la hora de desarrollar proyectos en este ámbito. A su vez es un medio de comunicación y de experimentación ilimitado en el que el artista puede investigar y desarrollar nuevos proyectos.

3. Evaluación

3.1. Tipo de pruebas y su valor sobre la nota final y criterios de evaluación para cada prueba

El alumno podrá optar a la máxima calificación tanto en la modalidad de evaluación continua como en la prueba global final.

MODALIDAD EVALUACIÓN CONTINUA

Dicha evaluación es aplicable a todos alumnos que hayan realizado, como mínimo, el 65% de las actividades presenciales y hayan entregado en los plazos establecidos. La acumulación de ejercicios fuera de plazo podrá considerarse como una renuncia a la evaluación continua.

Las actividades se ponderarán según los siguientes porcentajes.

1.- Estudio de diseños web, análisis e investigación del modo de ejecución. Se valora la defensa del mismo (10% de la nota final).

2.- Ejercicios básicos de corta duración realizados íntegramente en clase para la asimilación de conceptos específicos de la materia, comprensión del software y consideraciones especiales del diseño web frente al diseño gráfico tradicional (90% de la nota final). Los ejercicios, irán aumentando paulatinamente su dificultad adquiriendo mayor valor porcentual los ejercicios finales que serán un compendio de todos conocimientos adquiridos en el desarrollo de la asignatura.

 

MODALIDAD EVALUACIÓN GLOBAL (PRUEBA FINAL) 

Dicha evaluación es aplicable a:

  1. Estudiantes que no hayan elegido la modalidad de evaluación continua.
  2. Estudiantes que no hayan superado la evaluación continua.
  3. Estudiantes que deseen mejorar la calificación obtenida en evaluación continua, prevaleciendo, en cualquier caso, la mejor de las calificaciones obtenidas.

La prueba global, consistirá:

  1. Examen teórico-práctico en el aula (100% de la nota final) de todos los contenidos desarrollados en  la asignatura.

CRITERIOS DE EVALUACIÓN

Criterios aplicados en la valoración de las actividades de aprendizaje.

Si bien los criterios de evaluación son los mencionados a continuación, el peso porcentual en cada actividad de aprendizaje puede variar en función de las necesidades específicas del ejercicio.

  1. Consecución de los objetivos de aprendizaje de la asignatura y los específicos de cada ejercicio.
  2. Aportación personal, madurez conceptual, originalidad y creatividad en la resolución de los ejercicios. Capacidad crítica.
  3. Coherencia en los procesos y fases de desarrollo de los trabajos, conocimiento de los materiales, dominio técnico y aspectos formales de la presentación.
  4. Grado de complejidad en la resolución de los ejercicios. Capacidad de análisis y de síntesis.
  5. Volumen de trabajo, nivel de superación y esfuerzo personal.
  6. Implicación con la asignatura, participación activa en las clases prácticas y expositivas, aportación en los debates y dinámica de grupos.

 

Niveles de exigencia

Los resultados de aprendizaje serán evaluados de acuerdo con los siguientes niveles de exigencia

• Conocer los puntos en COMÚN y DIFERENCIAS entre diseño web y diseño gráfico impreso.

• Conocer los PROBLEMAS ESPECÍFICOS del diseño web y la viabilidad de ejecución de los mismos.

• Diseñar entornos web de forma GLOBAL y no como acumulación de elementos independientes.

• Conocer y usar con propiedad CONCEPTOS BÁSICOS y terminología propia del diseño web, que posibiliten la comunicación interdisciplinar.

 

La creatividad, originalidad y madurez conceptual así como el conocimiento y el uso de técnicas avanzadas son los criterios que permiten mejorar sustancialmente la nota.

El estudiante debe conocer la normativa de plagio de la Universidad de Zaragoza y sus consecuencias publicadas en:
https://biblioteca.unizar.es/propiedad-intelectual/propiedad-intelectual-plagio

De igual modo debe conocer el Reglamento de Normas de Evaluación del Aprendizaje aprobado en acuerdo de 22 de diciembre de 2010, del Consejo de Gobierno de la Universidad:
http://cud.unizar.es/docs/ReglamentodeNormasdeEvaluaciondelAprendizaje.pdf

NIVELES DE EXIGENCIA

Los resultados de aprendizaje serán evaluados de acuerdo con los siguientes niveles de exigencia

Conocer los puntos en COMÚN y DIFERENCIAS entre diseño web y diseño gráfico impreso.
Conocer los PROBLEMAS ESPECÍFICOS del diseño web y la viabilidad de ejecución de los mismos.
Diseñar entornos web de forma GLOBAL y no como acumulación de elementos independientes.
Conocer y usar con propiedad CONCEPTOS BÁSICOS y terminología propia del diseño web, que posibiliten la comunicación interdisciplinar.
La creatividad, originalidad y madurez conceptual así como el conocimiento y el uso de técnicas avanzadas son los criterios que permiten mejorar sustancialmente la nota
  • Conocer los puntos en COMÚN y DIFERENCIAS entre diseño web y diseño gráfico impreso.
  • Conocer los PROBLEMAS ESPECÍFICOS del diseño web y la viabilidad de ejecución de los mismos.
  • Diseñar entornos web de forma GLOBAL y no como acumulación de elementos independientes.
  • Conocer y usar con propiedad CONCEPTOS BÁSICOS y terminología propia del diseño web, que posibiliten la comunicación interdisciplinar.

La creatividad, originalidad y madurez conceptual así como el conocimiento y el uso de técnicas avanzadas son los criterios que permiten mejorar sustancialmente la nota. 

4. Metodología, actividades de aprendizaje, programa y recursos

4.1. Presentación metodológica general

El proceso de aprendizaje que se ha diseñado para esta asignatura se basa en lo siguiente:

  1. Exposición de contenidos mediante presentaciones teóricas o explicación por parte del profesor a través de las correspondientes demostraciones.
  2. Aprendizaje Basado en Problemas. Análisis y resolución de problemas presentados por el profesor, donde se buscan las soluciones más eficaces en función de unos objetivos requeridos. Posteriormente se plantean problemas de similares características que deberán ser resueltos por el alumno.
  3. Desarrollo de proyectos por parte del alumno, donde se incorporan contenidos que establecen una relación con otros proyectos o problemas anteriores ya resueltos.
  4. Tutorización y supervisión donde se presta una atención personalizada al alumno con el objeto de averiguar las carencias de nivel que requieren una mayor atención.

4.2. Actividades de aprendizaje

El programa que se ofrece al estudiante para ayudarle a lograr los resultados previstos comprende las siguientes actividades...

  1. Ejercicios de asimilación de fundamentos de diseño web (diseño líquido, tratamiento de texto, hipervínculos, tratamiento de recursos multimedia, fondos, menús, cabeceras, pies de página) mediante el uso de software de diseño gráfico y de desarrollo web.
  2. Actividad de análisis e investigación de diseños web y del estudio del modo de ejecución.
  3. Actividades de profundización y desarrollo en ejercicios de mayor complejidad a modo de proyectos acompañados de un aumento de la capacidad creativa del alumno: adaptación de nuevos elementos a una web existente con una estética ya establecida, diseño de una web a partir de material gráfico impreso.
  4. Actividad de conclusión. Desarrollo de un trabajo final de libre creación que plasme los conocimientos y habilidades adquiridas durante el desarrollo de la asignatura.

4.3. Programa

El programa está orientado a adquirir fundamentos básicos mínimos con vistas a una ampliación de conocimientos en el futuro.

  • Conceptos básicos a desarrollar
  • Introducción al HTML. Subida de ficheros a servidor remoto.
  • Introducción CSS. Formateo de textos.
  • Hipervínculos e imágenes. Optimización imágenes. Imágenes en movimiento.
  • Tablas HTML y sectores Photoshop.
  • Consideraciones técnicas en el Diseño web.
  • Estructura básica (cabeceras, pies de página, etc.).
  • Diseño de botones.
  • Diseño de fondos.
  • Creación de menús
  • Proyectos. Idea, estructura, metodología, previsión de problemas.
  • Proyectos. Diseño, correcciones y modificaciones.
  • Proyectos. Testeo, ajustes finales, mejoras.

4.4. Planificación de las actividades de aprendizaje y calendario de fechas clave

Horas totales para el alumno: 150h [60h presenciales + 90h no presenciales].

  • Los trabajos iniciales se desarrollarán en el aula después de la explicación correspondiente y en caso de no poder asistir o no poder completarlo, se dispondrá de un máximo de 14 días para su entrega.
  • Las horas no presenciales se destinarán a búsqueda de información, análisis de webs, prácticas personales y desarrollo del trabajo personal.
  • Los trabajos finales supondrán una mayor libertad creativa para el alumno. Serán de mayor duración y tendrán un mayor peso porcentual de la nota final.

4.5. Bibliografía y recursos recomendados

http://psfunizar10.unizar.es/br13/egAsignaturas.php?codigo=25143